<script type="text/javascript" src="<?php echo FRONT_SITE_URL ?>www/app/models/place.js"></script>
<script type="text/javascript" src="<?php echo FRONT_SITE_URL ?>www/app/views/place/place.js"></script>
<script type="text/javascript" src="<?php echo FRONT_SITE_URL ?>www/app/helper/util.js"></script>

<div id="place-form">

<form class="form-step">
<table cellpadding="0" cellspacing="0" class="table-tips">
<tr>
    <td class="td-1"><img src="<?php echo FRONT_SITE_URL ?>www/images/icon8.jpg"/></td>
    <td class="td-2">
        <input type="text" placeholder="Type your business name" id="business-search"
               value="<?php echo !empty($placeInfo) ? $placeInfo->name : ''; ?>"/>
        <img src="<?php echo FRONT_SITE_URL ?>www/images/star.jpg" align="absmiddle"/>
        <span id="business-search-error"><p></p></span>
    </td>
    <td class="td-3"><img src="<?php echo FRONT_SITE_URL ?>www/images/save-new-place.png" id="btn-submit"></td>
</tr>
<tr>
    <td class="td-1" rowspan="2"><img src="<?php echo FRONT_SITE_URL ?>www/images/img.jpg"/></td>
    <td class="td-2">
        <input type="text" placeholder="Address" id="address"
               value="<?php echo !empty($placeInfo) ? $placeInfo->formattedAddress : ''; ?>"/>
        <span id="address-error"><p></p></span>
    </td>
    <td class="td-3">
        <input type="text" placeholder="City" id="city"
               value="<?php echo !empty($placeInfo) ? $placeInfo->city : ''; ?>"/>
        <span id="city-error"><p></p></span>
    </td>
</tr>
<tr>


<td class="td-2">

<select name="baby_bear" class="baby_bear dd" id="country">
<option value="" selected>Country</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Albania">Albania</option>
<option value="Algeria">Algeria</option>
<option value="American Samoa">American Samoa</option>
<option value="Andorra">Andorra</option>
<option value="Angola">Angola</option>
<option value="Anguilla">Anguilla</option>
<option value="Antartica">Antarctica</option>
<option value="Antigua and Barbuda">Antigua and Barbuda</option>
<option value="Argentina">Argentina</option>
<option value="Armenia">Armenia</option>
<option value="Aruba">Aruba</option>
<option value="Australia">Australia</option>
<option value="Austria">Austria</option>
<option value="Azerbaijan">Azerbaijan</option>
<option value="Bahamas">Bahamas</option>
<option value="Bahrain">Bahrain</option>
<option value="Bangladesh">Bangladesh</option>
<option value="Barbados">Barbados</option>
<option value="Belarus">Belarus</option>
<option value="Belgium">Belgium</option>
<option value="Belize">Belize</option>
<option value="Benin">Benin</option>
<option value="Bermuda">Bermuda</option>
<option value="Bhutan">Bhutan</option>
<option value="Bolivia">Bolivia</option>
<option value="Bosnia and Herzegowina">Bosnia and Herzegowina</option>
<option value="Botswana">Botswana</option>
<option value="Bouvet Island">Bouvet Island</option>
<option value="Brazil">Brazil</option>
<option value="British Indian Ocean Territory">British Indian Ocean Territory</option>
<option value="Brunei Darussalam">Brunei Darussalam</option>
<option value="Bulgaria">Bulgaria</option>
<option value="Burkina Faso">Burkina Faso</option>
<option value="Burundi">Burundi</option>
<option value="Cambodia">Cambodia</option>
<option value="Cameroon">Cameroon</option>
<option value="Canada">Canada</option>
<option value="Cape Verde">Cape Verde</option>
<option value="Cayman Islands">Cayman Islands</option>
<option value="Central African Republic">Central African Republic</option>
<option value="Chad">Chad</option>
<option value="Chile">Chile</option>
<option value="China">China</option>
<option value="Christmas Island">Christmas Island</option>
<option value="Cocos Islands">Cocos (Keeling) Islands</option>
<option value="Colombia">Colombia</option>
<option value="Comoros">Comoros</option>
<option value="Congo">Congo</option>
<option value="Congo">Congo, the Democratic Republic of the</option>
<option value="Cook Islands">Cook Islands</option>
<option value="Costa Rica">Costa Rica</option>
<option value="Cota D'Ivoire">Cote d'Ivoire</option>
<option value="Croatia">Croatia (Hrvatska)</option>
<option value="Cuba">Cuba</option>
<option value="Cyprus">Cyprus</option>
<option value="Czech Republic">Czech Republic</option>
<option value="Denmark">Denmark</option>
<option value="Djibouti">Djibouti</option>
<option value="Dominica">Dominica</option>
<option value="Dominican Republic">Dominican Republic</option>
<option value="East Timor">East Timor</option>
<option value="Ecuador">Ecuador</option>
<option value="Egypt">Egypt</option>
<option value="El Salvador">El Salvador</option>
<option value="Equatorial Guinea">Equatorial Guinea</option>
<option value="Eritrea">Eritrea</option>
<option value="Estonia">Estonia</option>
<option value="Ethiopia">Ethiopia</option>
<option value="Falkland Islands">Falkland Islands (Malvinas)</option>
<option value="Faroe Islands">Faroe Islands</option>
<option value="Fiji">Fiji</option>
<option value="Finland">Finland</option>
<option value="France">France</option>
<option value="France Metropolitan">France, Metropolitan</option>
<option value="French Guiana">French Guiana</option>
<option value="French Polynesia">French Polynesia</option>
<option value="French Southern Territories">French Southern Territories</option>
<option value="Gabon">Gabon</option>
<option value="Gambia">Gambia</option>
<option value="Georgia">Georgia</option>
<option value="Germany">Germany</option>
<option value="Ghana">Ghana</option>
<option value="Gibraltar">Gibraltar</option>
<option value="Greece">Greece</option>
<option value="Greenland">Greenland</option>
<option value="Grenada">Grenada</option>
<option value="Guadeloupe">Guadeloupe</option>
<option value="Guam">Guam</option>
<option value="Guatemala">Guatemala</option>
<option value="Guinea">Guinea</option>
<option value="Guinea-Bissau">Guinea-Bissau</option>
<option value="Guyana">Guyana</option>
<option value="Haiti">Haiti</option>
<option value="Heard and McDonald Islands">Heard and Mc Donald Islands</option>
<option value="Holy See">Holy See (Vatican City State)</option>
<option value="Honduras">Honduras</option>
<option value="Hong Kong">Hong Kong</option>
<option value="Hungary">Hungary</option>
<option value="Iceland">Iceland</option>
<option value="India">India</option>
<option value="Indonesia">Indonesia</option>
<option value="Iran">Iran (Islamic Republic of)</option>
<option value="Iraq">Iraq</option>
<option value="Ireland">Ireland</option>
<option value="Israel">Israel</option>
<option value="Italy">Italy</option>
<option value="Jamaica">Jamaica</option>
<option value="Japan">Japan</option>
<option value="Jordan">Jordan</option>
<option value="Kazakhstan">Kazakhstan</option>
<option value="Kenya">Kenya</option>
<option value="Kiribati">Kiribati</option>
<option value="Democratic People's Republic of Korea">Korea, Democratic People's Republic of</option>
<option value="Korea">Korea, Republic of</option>
<option value="Kuwait">Kuwait</option>
<option value="Kyrgyzstan">Kyrgyzstan</option>
<option value="Lao">Lao People's Democratic Republic</option>
<option value="Latvia">Latvia</option>
<option value="Lebanon">Lebanon</option>
<option value="Lesotho">Lesotho</option>
<option value="Liberia">Liberia</option>
<option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option>
<option value="Liechtenstein">Liechtenstein</option>
<option value="Lithuania">Lithuania</option>
<option value="Luxembourg">Luxembourg</option>
<option value="Macau">Macau</option>
<option value="Macedonia">Macedonia, The Former Yugoslav Republic of</option>
<option value="Madagascar">Madagascar</option>
<option value="Malawi">Malawi</option>
<option value="Malaysia">Malaysia</option>
<option value="Maldives">Maldives</option>
<option value="Mali">Mali</option>
<option value="Malta">Malta</option>
<option value="Marshall Islands">Marshall Islands</option>
<option value="Martinique">Martinique</option>
<option value="Mauritania">Mauritania</option>
<option value="Mauritius">Mauritius</option>
<option value="Mayotte">Mayotte</option>
<option value="Mexico">Mexico</option>
<option value="Micronesia">Micronesia, Federated States of</option>
<option value="Moldova">Moldova, Republic of</option>
<option value="Monaco">Monaco</option>
<option value="Mongolia">Mongolia</option>
<option value="Montserrat">Montserrat</option>
<option value="Morocco">Morocco</option>
<option value="Mozambique">Mozambique</option>
<option value="Myanmar">Myanmar</option>
<option value="Namibia">Namibia</option>
<option value="Nauru">Nauru</option>
<option value="Nepal">Nepal</option>
<option value="Netherlands">Netherlands</option>
<option value="Netherlands Antilles">Netherlands Antilles</option>
<option value="New Caledonia">New Caledonia</option>
<option value="New Zealand">New Zealand</option>
<option value="Nicaragua">Nicaragua</option>
<option value="Niger">Niger</option>
<option value="Nigeria">Nigeria</option>
<option value="Niue">Niue</option>
<option value="Norfolk Island">Norfolk Island</option>
<option value="Northern Mariana Islands">Northern Mariana Islands</option>
<option value="Norway">Norway</option>
<option value="Oman">Oman</option>
<option value="Pakistan">Pakistan</option>
<option value="Palau">Palau</option>
<option value="Panama">Panama</option>
<option value="Papua New Guinea">Papua New Guinea</option>
<option value="Paraguay">Paraguay</option>
<option value="Peru">Peru</option>
<option value="Philippines">Philippines</option>
<option value="Pitcairn">Pitcairn</option>
<option value="Poland">Poland</option>
<option value="Portugal">Portugal</option>
<option value="Puerto Rico">Puerto Rico</option>
<option value="Qatar">Qatar</option>
<option value="Reunion">Reunion</option>
<option value="Romania">Romania</option>
<option value="Russia">Russian Federation</option>
<option value="Rwanda">Rwanda</option>
<option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
<option value="Saint LUCIA">Saint LUCIA</option>
<option value="Saint Vincent">Saint Vincent and the Grenadines</option>
<option value="Samoa">Samoa</option>
<option value="San Marino">San Marino</option>
<option value="Sao Tome and Principe">Sao Tome and Principe</option>
<option value="Saudi Arabia">Saudi Arabia</option>
<option value="Senegal">Senegal</option>
<option value="Seychelles">Seychelles</option>
<option value="Sierra">Sierra Leone</option>
<option value="Singapore">Singapore</option>
<option value="Slovakia">Slovakia (Slovak Republic)</option>
<option value="Slovenia">Slovenia</option>
<option value="Solomon Islands">Solomon Islands</option>
<option value="Somalia">Somalia</option>
<option value="South Africa">South Africa</option>
<option value="South Georgia">South Georgia and the South Sandwich Islands</option>
<option value="Span">Spain</option>
<option value="SriLanka">Sri Lanka</option>
<option value="St. Helena">St. Helena</option>
<option value="St. Pierre and Miguelon">St. Pierre and Miquelon</option>
<option value="Sudan">Sudan</option>
<option value="Suriname">Suriname</option>
<option value="Svalbard">Svalbard and Jan Mayen Islands</option>
<option value="Swaziland">Swaziland</option>
<option value="Sweden">Sweden</option>
<option value="Switzerland">Switzerland</option>
<option value="Syria">Syrian Arab Republic</option>
<option value="Taiwan">Taiwan, Province of China</option>
<option value="Tajikistan">Tajikistan</option>
<option value="Tanzania">Tanzania, United Republic of</option>
<option value="Thailand">Thailand</option>
<option value="Togo">Togo</option>
<option value="Tokelau">Tokelau</option>
<option value="Tonga">Tonga</option>
<option value="Trinidad and Tobago">Trinidad and Tobago</option>
<option value="Tunisia">Tunisia</option>
<option value="Turkey">Turkey</option>
<option value="Turkmenistan">Turkmenistan</option>
<option value="Turks and Caicos">Turks and Caicos Islands</option>
<option value="Tuvalu">Tuvalu</option>
<option value="Uganda">Uganda</option>
<option value="Ukraine">Ukraine</option>
<option value="United Arab Emirates">United Arab Emirates</option>
<option value="United Kingdom">United Kingdom</option>
<option value="United States">United States</option>
<option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option>
<option value="Uruguay">Uruguay</option>
<option value="Uzbekistan">Uzbekistan</option>
<option value="Vanuatu">Vanuatu</option>
<option value="Venezuela">Venezuela</option>
<option value="Vietnam">Viet Nam</option>
<option value="Virgin Islands (British)">Virgin Islands (British)</option>
<option value="Virgin Islands (U.S)">Virgin Islands (U.S.)</option>
<option value="Wallis and Futana Islands">Wallis and Futuna Islands</option>
<option value="Western Sahara">Western Sahara</option>
<option value="Yemen">Yemen</option>
<option value="Yugoslavia">Yugoslavia</option>
<option value="Zambia">Zambia</option>
<option value="Zimbabwe">Zimbabwe</option>
</select>
</td>


<td class="td-3">
    <input type="text" placeholder="Zip" id="zip"
           value="<?php echo !empty($placeInfo) ? $placeInfo->zip : ''; ?>"/>
    <span id="zip-error"><p></p></span>
</td>

</tr>
<tr>
    <td colspan="3">
        <div class="line-tip" id="print-leaflet">
            <?php if (!isset($this->placeId)) : ?>
            <img src="<?php echo FRONT_SITE_URL ?>www/images/print.jpg"/></div>
        <?php else : ?>
            <img
                src="<?php echo CommonHelper::generateQRCode(app()->createAbsoluteUrl('/place/index', array('id' => $this->placeId)), 100, 100) ?>"/>
        <?php
        endif;
        ?>
</div>

</td>
</tr>

<tr>
    <td class="td-1" rowspan="2" valign="bottom"
        style="padding-right:0"><?php echo t('Upload your company image,logotype or trademark.') ?></td>
    <td class="td-2" rowspan="2">

        <div class="upload">
            <table>
                <tr>
                    <td>
                        <p style="width: 90px"><?php echo t('Upload files <br/>.jpeg, .tif, .bmp, .eps <br/> (max 400x400 - 150 dpi)'); ?></p>
                    </td>
                    <td style="overflow: hidden;width: 250px;">
                        <img style=" max-width: 250px;max-height: 250px"
                             src="<?php echo isset($placeInfo->logo) ? $placeInfo->logo : FRONT_SITE_URL . 'www/images/iamges.jpg' ?>"
                             id="logo-thumb"/>
                        <img src="" style="display: none" id="logo-thumb-real">
                    </td>
                    <td>
                    </td>
                    <td>
                        <img
                            src="<?php echo FRONT_SITE_URL ?>www/images/my-place.png"
                            id="logo-thumb" style="width: 93px;height: 93px"/>
                    </td>
                </tr>
                <tr>
                    <td>

                    </td>
                    <td>
                        <div class="upload_avatar">
                            <button class="button" type="button">
                                <?php echo t('Upload') ?> </span>
                            </button>
                            <input type="file" class="no-uniform" name="file-logo" id="logo">
                            <span id="logo-error"><p></p></span>
                        </div>
                    </td>
                    <td></td>
                    <td>

                    </td>
                </tr>
            </table>


        </div>
        <div class="upload_avatar">

        </div>
        </div>

    </td>
    <td class="td-3">
        <?php echo CHtml::dropDownList('cat', '', $category, array('options' => array($placeInfo->category => array('selected' => true)), 'placeholder' => "Category", 'style' => 'width:269px;height:40px;')) ?>

        <img
            src="<?php echo FRONT_SITE_URL ?>www/images/icon10.jpg"/></td>
</tr>
<tr>
    <td class="td-3"><img src="<?php echo FRONT_SITE_URL ?>www/images/icon11.jpg" class="dongho"/>

        <input style="width: 250px" type="text" placeholder="Coordinate" id="place-search" readonly="true"
               value="<?php echo !empty($placeInfo) ? $placeInfo->location->latitude . ',' . $placeInfo->location->longitude : '' ?>"/>

        <img src="<?php echo FRONT_SITE_URL ?>www/images/icon9.jpg" id="google-map-btn"/>
        <span id="place-search-error"><p></p></span>
    </td>

</tr>

</table>
</form>

<?php
// dialog show static map with marker
$this->beginWidget('zii.widgets.jui.CJuiDialog', array(
    'id' => 'dialog_1',
    // additional javascript options for the dialog plugin
    'options' => array(
        'title' => 'Review your location',
        'autoOpen' => false,
        // 'modal' => true,
        'width' => '700',
        'height' => '600',
        'draggable' => false,
    ),
    'htmlOptions' => array(
        'style' => 'z-index:1000',
    )
));
?>

<div id="google-static-map" style="width: 670px;height: 480px"></div>
<?php
$this->endWidget('zii.widgets.jui.CJuiDialog');
?>


<?php
// dynamic map have input box for user select position
$this->beginWidget('zii.widgets.jui.CJuiDialog', array(
    'id' => 'dialog_2',
    // additional javascript options for the dialog plugin
    'options' => array(
        'title' => 'Select your position',
        'autoOpen' => false,
        //    'modal' => false,
        'width' => '700',
        'height' => '600',
        'draggable' => false,
        'show' => array(
            'effect' => 'fade',
            'duration' => 700,
        ),
        'hide' => array(
            'effect' => 'fade',
            'duration' => 400,
        )
    ),
    'htmlOptions' => array(
        'style' => 'z-index:800',
    )
));
?>
<div class="controls">
    <input type="text" size="100" id="search-text">
    <input type="text" id="lat-lng" readonly="true">
    <input type="button" value="Save" id="save-lat-lng" style="margin-top: -10px" class="btn">
</div>

<div id="google-dynamic-map" style="width: 670px;height: 480px"></div>
<?php
$this->endWidget('zii.widgets.jui.CJuiDialog');
?>


<?php
// dialog show the review of leaflet
$this->beginWidget('zii.widgets.jui.CJuiDialog', array(
    'id' => 'leaflet-dialog',
    // additional javascript options for the dialog plugin
    'options' => array(
        'title' => 'Print your Leaflet',
        'autoOpen' => false,
        // 'modal' => true,
        'width' => '872',
        'height' => '600',
        'draggable' => false,
        'show' => array(
            'effect' => 'fade',
            'duration' => 700,
        ),
        'hide' => array(
            'effect' => 'fade',
            'duration' => 400,
        )),
    'htmlOptions' => array(
        'style' => 'z-index:1000',
    )
));
?>

<form action="<?php echo app()->createUrl('/place/downloadpdf') ?>" method="POST" id="download-pdf-form" target="_blank"
      name="download-pdf-form">
    <div id="leaflet-info"></div>
    <div style="padding:10px 20px; background:#fae5f2;">
        <input type="button" class="btn" id="download-btn" value="Download PDF">
        <input type="hidden" id="html_string" name="html_string" value="">
    </div>
</form>
<?php
$this->endWidget();
?>

</div>

<script type="text/javascript" src="<?php echo FRONT_SITE_URL ?>www/app/models/place.js"></script>
<script type="text/javascript" src="<?php echo FRONT_SITE_URL ?>www/app/views/place/place.js"></script>
<script type="text/javascript" src="<?php echo FRONT_SITE_URL ?>www/app/helper/util.js"></script>

<script>
    var saveUrl = '<?php echo app()->createUrl("/place/save") ?>';
    var indexUrl = '<?php echo app()->createUrl("/place/index") ?>'
    var country = '<?php echo!empty($placeInfo->country) ? $placeInfo->country : '' ?>';
    var placeName = '<?php echo!empty($placeInfo->name) ? $placeInfo->name : '' ?>';
    var qrCodeUrl = '<?php echo!empty($placeInfo) ? CommonHelper::generateQRCode(app()->createAbsoluteUrl('/place/qr', array('id' => $placeInfo->objectId))) : '' ?>';
    var placeView = null;
    var defaultImage = '<?php echo FRONT_SITE_URL?>' + 'www/images/iamges.jpg';

    // change the contry if the country is saved
    $(document).ready(function () {
        var place = new Place();

        place.set({placeId: placeId, name: '<?php echo!empty($placeInfo) ? $placeInfo->name : ''; ?>',
            address: '<?php echo!empty($placeInfo) ? $placeInfo->formattedAddress : '' ?>',
            location: '<?php echo!empty($placeInfo) ? $placeInfo->location->latitude . ',' . $placeInfo->location->longitude : '' ?>',
            city: '<?php echo!empty($placeInfo) ? $placeInfo->city : '' ?>',
            zip: '<?php echo!empty($placeInfo) ? $placeInfo->zip : '' ?>',
            country: '<?php echo!empty($placeInfo) ? $placeInfo->country : '' ?>',
            avatar: '<?php echo!empty($placeInfo) ? $placeInfo->logo : '' ?>'
        });
        placeView = new PlaceView({model: place});
        $('#business-search').focus();

        if (country) {
            // remove the selected default
            $('#country option').eq(0).removeAttr('selected');
            var length = $('#country option').length;
            for (var i = 0; i < length; i++) {
                if ($('#country option').eq(i).text() == country) {
                    $('#country option').eq(i).attr("selected", "selected");

                }
            }
        }

    });
</script>


<script>
    Parse.User.requestPasswordReset("crist.azn@gmail.com", {
        success: function() {

        },
        error: function(error) {
            // Show the error message somewhere
            alert("Error: " + error.code + " " + error.message);
        }
    });
</script>